// cate/index/index.js
import Toast from '../../ui/toast/index'
const app = getApp();
Page({

    /**
     * 页面的初始数据
     */
    data: {
        pic_url:app.base_url,
        cate_active:true,
        ck_nav:0,
        categories: [],
        nav_list:[],//顶级分类
        small_nav_list:[],//二级分类
        list:[],
        page:{
          page:1,
          cate:0,
        },
        is_loading:false,//加载
        small_nav_ck:0,//二级分类选择
    },

    //切换
    onSideBarChange(e){
      let index = e.detail.value;
      this.setData({
        ck_nav:index,
      });
      this.init();
      this.get_child_nav(index);
      this.get_goods();
    },

    //下级栏目切换
    change_small_nav(e){
      let id = e.currentTarget.dataset.id;
      this.init();
      this.setData({
        small_nav_ck:id
      });
      this.data.page.cate=id;
      this.get_goods();
    },

    //获取顶级分类
    get_nav_list(){
      app.http.request("index.php?r=api/cate/nav").then((res)=>{
        if(res.data.result){
          
          let data=res.data.data;
          for(let i=0;i<data.length;i++){
            let p={};
            p.label=data[i].cate_name;
            p.title=data[i].cate_name;
            p.value=data[i].id;
            this.data.categories.push(p);
          }
          this.setData({
            categories:this.data.categories,
            nav_list:res.data.data,
          });
          this.init();
          this.get_child_nav(0);//获取第一个下级
          this.get_goods();//获取第一个分类内容
        }
      });
    },

    //初始化
    init(){
      this.data.page.page=1;
      
      this.setData({
        list:[],
        small_nav_ck:0,
      });
    },

    

    //获取下级分类
    get_child_nav(index){
      let id = this.data.nav_list[index].id;
      app.http.request("index.php?r=api/cate/childnav",{id:id}).then((res)=>{
        if(res.data.result){
          this.setData({
            small_nav_list:res.data.data,
          });
        }
      });
      this.data.page.cate=id;
    },

    //获取分类内容
    get_goods(){
      this.setData({
        is_loading:true,
      });
      console.log(this.data.page);
      app.http.request("index.php?r=api/cate/goods",{page:this.data.page}).then((res)=>{
        this.setData({
          is_loading:false,
        });
        if(res.data.result){
          this.data.list = this.data.list.concat(res.data.data);
          this.setData({
            list:this.data.list,
          });
          this.data.page.page++;
        }else{
          Toast({
            context:this,
            selector:"#toast",
            message:"没有内容了"
          });
        }
      });
    },

    //下拉刷新
    onRefresh(){
      console.log(this.data.page.page);
      setTimeout(() => {
        this.get_goods();
      }, 1000);
    },

    //滚动
    onScroll(){

    },

    //触底
    onLower(){
      this.get_goods();
    },

    //跳转内容
    to_content(e){
      let id = e.currentTarget.dataset.id;
      wx.navigateTo({
        url: '/goods/content/index?id='+id,
      })
    },

    //跳转首页
    to_home(){
      wx.redirectTo({
        url: '/pages/index/index',
      })
    },

    //跳转购物车
    to_car(){
      wx.redirectTo({
        url: '/car/index/index',
      })
    },

    //跳转我的
    to_mine(){
      wx.redirectTo({
        url: '/mine/index/index',
      })
    },

    //更新购物车数量
    refresh_car(){
      let goods = wx.getStorageSync('goods');
      let num=0;
      if(goods){
          num=goods.length;
      }
      this.setData({
          car_goods_num:num,
      });
  },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
      this.get_nav_list();
      app.get_name();
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {
      this.refresh_car();
    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})